@card-bg-color: #FFDD91;
@top-start-bg-color: #FFEFD7;
.tech-member-page {
    .p-b(60);
    .member-top-content {
        // .linear-bottom(@top-start-bg-color, @background-color);
        background-color: @white;
        &.have-bg {
            background-image: url(../../../assets/img/member-iofo-bg.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        position: relative;
        // border-radius: 0 0 30px 30px;
        overflow: hidden;
        z-index: 0;
        .member-card {
            // height: 100px;
            z-index: 2;
        }
        .tech-member-info {
            z-index: 100;
        }
        .tech-member-info,
        .tech-swipe-membercard,
        .tech-swipe-membercard .tech-swipe .swipe-member-item {
            background-color: transparent;
        }
        .member-content-bottom {
            position: absolute;
            height: 18px;
            bottom: 0;
            left: 0;
            right: 0;
            background-image: url('../../../assets/img/member-info-bottom.png');
            background-repeat: no-repeat;
            background-size: 100%;
            z-index: 10;
        }
    }
    .member-card {
        width: 100%;
        position: relative;
        overflow: hidden;
        .shadow-el {
            width: 100%;
            height: @gap-md;
            position: absolute;
            z-index: 2;
            bottom: 0;
            box-shadow: 0 -@gap-md @gap-md -@gap-md rgba(0, 0, 0, .10) inset;
        }
        .tech-member-card-list {
            .m-h(@gap-md);
            .p(@gap-md);
            color: @gray-darker;
            .m-b(3px);
            .card-name {
                font-weight: 400;
            }
        }
    }
    .member-menu {
        .p(@gap-sm);
        background-color: @white;
        .m-b(@gap);
        height: 50px;
        .flex-center();
        .member-menu-item {
            flex: 1;
            .flex-row-center();
            height: 100%;
            .tech-icon {
                font-size: 20px;
                .m-r(@gap);
                color: @red;
            }
        }
    }
    .member-bind-phone-tip {
        .p(@gap-md);
        background-color: @white;
        .m-b(@gap);
        .bind-phone-img {
            width: 100%;
        }
    }
    .member-recharge {
        .m-b(@gap);
        .recharge-list {
            width: 100%;
            .scroll-x();
            font-size: 0;
            -webkit-text-size-adjust: none;
            .recharge-item {
                .m-b(@gap-md);
                &:last-child {
                    .m-r(@gap-md);
                }
            }
        }
    }
    .member-discount {
        .discount-list {
            width: 100%;
            .scroll-x();
            font-size: 0;
            .p-b(@gap-md);
            .discount-item {
                &:last-child {
                    .m-r(@gap-md);
                }
            }
            .tech-page-empty {
                min-height: 100%;
            }
        }
    }
}